{extend name="public:base" /}

{block name="title"}后台登录{/block}

{block name="body"}
<style>
  input{
    height: 42px;
  }
  .login-box{
    padding-top: 15%;
  }
</style>

<body class="gray-bg" style="background: url('__ADMIN__/img/bg.jpg');">

    <div class="middle-box text-center loginscreen animated fadeInDown login-box">
        <h3 style="color: #FFFFFF">欢迎登录后台管理</h3>
        <form class="m-t" role="form" method="post" action="/admin/login/login">
            <div class="form-group">
                <input type="text" name="login_account" class="form-control" placeholder="账号">
            </div>
            <div class="form-group">
                <input type="password" name="login_password" class="form-control" placeholder="密码">
            </div>
            <div class="form-group">
                <input type="text" class="form-control" name="login_code" placeholder="验证码" style="float: left; width: 150px; height: 40px;">
                <img src="{:captcha_src()}" id="captcha" onclick="this.src='{:captcha_src()}'">
            </div>

            {:token()}
            <button type="submit" class="btn btn-primary block full-width m-b ajax-post">登录</button>
        </form>
    </div>

    <script src="__STATIC__/jquery/jquery-3.1.1.min.js"></script>
    <script src="__ADMIN__/js/popper.min.js"></script>
    <script src="__STATIC__/bootstrap/js/bootstrap.js"></script>
    <script src="/static/popup/popup.js"></script>
</body>
{/block}